<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
	<head>
		<base href="<%=basePath%>"/>
		<meta charset="utf-8" />
		<title>Document</title>
		<link rel="stylesheet" href="css/money.css?_<%=new Date().getTime() %>" />
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript">
			$(function(){
				$("#chongzhi").click(function(){
					var text=document.getElementById("o");
					var val=text.innerHTML;
					text.innerHTML="<input type='text' id='n' value="+val+" />";
					document.getElementById("n").addEventListener("blur",function(e){
						text.innerHTML=document.getElementById("n").value;
					})
				})
				  	//回车事件
        	$("#o").keydown(function(e){
        		 if (e.keyCode == 13){
        			var bool=confirm("确定要充值吗?");
        			if(bool==true){
        				alert("成功");
        				return;
        			}else{
        				alert("失败");
        				return;
        			}
        			
        		 }
        	})
			})
		</script>
	</head>
	<body>
		<div id="hezi">
			<p class="my">账户余额</p>
			<div class="money">您的虚拟账户余额： <span id="o" name="money">12.00元</span>   <span id="chongzhi"><a href="xiugaimoney.shtml">点击充值</a></span></div>
			<table cellspacing="0">
				<tr>
					<th>订单编号</th>
					<th>商品</th>
					<th>金额</th>
					<th>时间</th>
				</tr>
			</table>
			<div class="yi">
				<div style="width: 200px; text-align: center; margin-left: 85px; margin-top: 20px;">DSK54512</div>
				<div style="width: 240px; text-align: center; margin-left: 55px;" >
					<dl class="float">
						<dt><img src="images/ShoppingCar/yifu.jpg"></dt>
						<dd>衣服 衣服 衣服 衣服 衣服 衣服 衣服 衣服 衣服 衣服 衣服 </dd>
					</dl>
				</div>
				<div style="width: 100px; text-align: center; margin-left: 55px; margin-top: 20px;">￥123</div>
				<div style="width: 120px; text-align: center; margin-left: 85px; margin-top: 20px;">2018-9-15</div>
			</div>
			
		</div>
	</body>
</html>
